<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>秀色运动网-XSports.wang</title>
<script src="/js/jquery_2.0.3.js"></script>
<script src="/semantic/semantic.js"></script>
<link rel="stylesheet" type="text/css" href="/semantic/semantic.css">
<style>
[data-selector="sizing"] {
	box-sizing: border-box;
	overflow: hidden;
}

[data-selector="sizing"] {
	margin: 0 !important;
	overflow: hidden;
}
</style>
</head>
<body>
	<div class="ui secondary menu grey inverted">
		<a class="item" href="index.html"> <img
			src="http://www.semantic-ui.cn/images/logo.png">
		</a>
		<div class="right menu">
			<div class="item">
				<div class="ui icon input">
					<input type="text" placeholder="查找俱乐部"> <i
						class="search link icon"></i>
				</div>
			</div>
			<a class="item left-menu-btn"><i class="sidebar icon"></i>菜单</a>
		</div>
	</div>
	<div class="ui attached pushable leftmenu">
		<div class="pusher">
			<div class="ui grid center aligned" data-selector="sizing">
				<h2 class="ui header">
					<img
						src="http://www.semantic-ui.cn/images/avatar2/large/patrick.png"
						class="ui circular image">
					<div class="content left">
						郭德纲
						<div class="sub header">我要做最棒的超人</div>
					</div>
				</h2>
			</div>
			<div class="ui top attached tabular menu">
				<a class="item active" data-tab="feed">动态 </a><a class="item"
					data-tab="comment" href="mcomment.html">评论
					<div class="ui teal label">22</div>
				</a>
			</div>

			<div data-tab="feed" class="ui bottom attached tab segment active"
				data-selector="sizing">
				<div class="ui feed">
					<div class="event">
						<div class="label">
							<img
								src="http://www.semantic-ui.cn/images/avatar/small/helen.jpg">
						</div>
						<div class="content">
							<div class="summary">
								<a>我</a> 上传 <a> 新上传了2张照片</a>
								<div class="date">1 天前</div>
							</div>
							<div class="extra images">
								<a><img
									src="http://www.semantic-ui.cn/images/wireframe/image.png"></a>
								<a><img
									src="http://www.semantic-ui.cn/images/wireframe/image.png"></a>
							</div>
							<div class="meta">
								<a class="like"><i class="like icon"></i> 1 喜欢 </a>
							</div>
						</div>
					</div>
					<div class="event">
						<div class="label">
							<img
								src="http://www.semantic-ui.cn/images/avatar/small/jenny.jpg">
						</div>
						<div class="content">
							<div class="summary">
								<a class="user"> 我 </a> 更改资料
								<div class="date">2 天前</div>
							</div>
							<div class="meta">
								<a class="like"><i class="like icon"></i> 8 喜欢 </a>
							</div>
						</div>
					</div>
					<div class="event">
						<div class="label">
							<img src="http://www.semantic-ui.cn/images/avatar/small/joe.jpg">
						</div>
						<div class="content">
							<div class="summary">
								<a>我</a> 发布状态
								<div class="date">3 天前</div>
							</div>
							<div class="extra text">今天第一次跑了10KM,累死了。</div>
							<div class="meta">
								<a class="like"><i class="like icon"></i> 5 喜欢 </a>
							</div>
						</div>
					</div>
					<div class="event">
						<div class="label">
							<img
								src="http://www.semantic-ui.cn/images/avatar/small/justen.jpg">
						</div>
						<div class="content">
							<div class="summary">
								<a>我</a> 上传 <a>2 张照片</a>
								<div class="date">4 天前</div>
							</div>
							<div class="extra images">
								<a><img
									src="http://www.semantic-ui.cn/images/wireframe/image.png"></a>
								<a><img
									src="http://www.semantic-ui.cn/images/wireframe/image.png"></a>
							</div>
							<div class="meta">
								<a class="like"><i class="like icon"></i> 41 喜欢 </a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="ui labeled icon right inline vertical sidebar menu">
				<a class="item" href="index.html"><i class="home icon"></i>首页</a> <a
					class="item" href="reg.html"><i class="block layout icon"></i>注册</a>
			</div>
		</div>
	</div>
	<script>
		//标签
		//$('.menu.item').tab();

		$('.ui.sidebar').sidebar({
			context : $('.leftmenu')
		}).sidebar('attach events', '.left-menu-btn');
	</script>
</body>
</html>
